import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import Unocss from '@unocss/vite';
import { presetAttributify } from 'unocss'; // 仅使用官方预设
import path from 'path'
// https://vite.dev/config/
export default defineConfig({
  plugins: [react(), Unocss({
      presets: [
        presetAttributify(), // 支持属性化写法（如 `bg-red-500` 可写成 `bg="red-500"`）
      ],
      // 可选：自定义主题
      theme: {
        colors: {
          primary: '#165DFF', // 自定义主题色
        },
      },
    }),],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src')
      }
    },
    css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        // 可选：全局变量
        additionalData: `@import "@/styles/variables.less";`,
      },
    },
  },
})
